<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="all" href="../css/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="../css/rainbow.css" />
<link rel="stylesheet" type="text/css" media="all" href="../css/edazcommerce.css" />
<script type="text/javascript" SRC="../js/jquery-1.4.2.min.js"></script>

</head>
<body id="subpageNoHeader">

	<!-- start: subheader --> 
	<div id="subheader">
		<div class="subheader_left">
			<h1>Enviar Email</h1>
		</div>

		<div class="subheader_right">
			<p></p>
		</div>
	</div>
	<!-- end: subheader -->
	
	<div class="clear"></div>	

	<!-- Start: main -->
	<div id="main">

    	<!-- Start: Leftpart -->
       	<div id="content" style="float: left; margin: -10px 10px 20px; width: 630px;">
			<div class="box">

			<!-- Start: content -->
			<div class="edazmail"></div>
			<p>Envio de email promocional aos clientes.<br />

			<!-- Start: Contact form -->
           <div id="form" style="padding: 5px;">
           		<div class="consultorEnvioEmailDiv">
           			<label class="first"><input type="radio" name="consultor" value="camilaPaz">Camila Paz</label>
           			<label class="last"><input type="radio" name="consultor" value="djEdaz">Marcos Vinícius</label>
           		</div>
				<div id="emailForm" class="emailFormPromocional">
					<div class="qtdeEmailsEnviadosDiv"></div><br>
					<label for="contact_name">Para:<span class='label_obrigatorio'>*</span></label>
					<input class="inputbox" type="text" id="send_to" name="send_to" value=""/>
					<div class="seta_obrigatorio"></div><br>
                    <label for="contact_subj">Assunto:<span class='label_obrigatorio'>*</span></label>
					<input class="inputbox" type="text" id="contact_subj" name="contact_subj" value="<? echo (isset($_POST['contact_subj'])) ? $_POST['contact_subj'] : "" ?>"/>
					<div class="seta_obrigatorio"></div><br>
					<label for="contact_message" style="float: left; width: 105px;">Menssagem:<span class='label_obrigatorio'>*</span></label>
                	<div class="area-bg">
						<textarea class="textarea" id="contact_message" name="contact_message" cols="75" rows="7" style="width: 450px; padding: 4px;"><? echo (isset($_POST['contact_message'])) ? $_POST['contact_message'] : "" ?></textarea>
						<div class="seta_obrigatorio"></div><br>
					</div>
					<div style="clear: right; float: right; margin: 10px 45px 0 0; text-align: right; width: 70px;">
						<button id="btnEnviar" class="button" type="submit" onclick="enviaFormPromocional();">Enviar</button>
					</div>
					<div id="retornoEnvioDiv" style="display: none; float: left; margin: 11px 0 0 103px; width: 390px;"></div>
					<div class="carregandoAjaxDiv" style="clear: right; float: right; margin-top: -30px;">
						<div class="imgLoadingAjax"></div>
					</div>
				</div>
			  </div>	
				<!-- End: Contact form -->		
			</div>
			<!-- end: box -->	
		</div>
		
		<!-- Start: Rightpart -->
		<div style="float: left; margin: 50px 0 0 -15px; text-align: center; width: 280px;">
			<h2>Promoção Atual</h2>
			<div class="miniBannerPromocional">
				<img src="banners/publicidade_bannerCP.jpg">
			</div>
		</div>
		<!-- end: content -->	
	</div>
	<!-- end: main -->
</div>
<!-- end: wrapper -->

<div class="clear"></div>

<script>
	var envioFinalizado;
	
	/* ========== ENVIA EMAIL PROMOCIONAL AOS CLIENTES ========== */
	function enviaFormPromocional(){
		var email,
			assunto,
			mensagem,
			consultor,
			divRetorno,
			validado;
			
		validado = validaFormPromocional();
		
		if(validado){
			divRetorno = $('#retornoEnvioDiv');
			email 	   = $.trim($('#send_to').val());
			assunto    = $('#contact_subj').val();
			mensagem   = $('#contact_message').val();
			consultor  = $("#form input[name=consultor]:checked").val();
			
			email = email.replace(/\,/g,"\;");
			if(email.substr(email.length-1, email.length) == ";"){
				email = email.substr(0, email.length-1);
			}
			
			envioFinalizado = false;
			$('#btnEnviar').attr('disabled','disabled');
			$('#retornoEnvioDiv').fadeOut('slow');
			
			$('.carregandoAjaxDiv').fadeIn('slow');
			$.post("envioEmailPromocional.php", { email:email, assunto:assunto, consultor:consultor, mensagem:mensagem }, function(data){
				complete:
					envioFinalizado = true;
					$(divRetorno).html(data);
					$(divRetorno).fadeIn(1500);
					$('.carregandoAjaxDiv').fadeOut('slow');
					$('#btnEnviar').removeAttr('disabled');
			});

			//verificaQtdeEmailsEnviados();
		}
	}
	
	function validaFormPromocional(){
		var campo,
			validado,
			arrayCampos;
			
		validado 	= true;
		arrayCampos = new Array("send_to","contact_subj","contact_message");
		
		if($("#form input[name=consultor]:checked").size() == 0){
			alert('Selecione um consultor comercial!');
			validado = false;
			return validado;
		}
		
		var tamanhoArray = arrayCampos.length;
		for(var i=tamanhoArray-1; i>=0; i--){
			campo = arrayCampos[i];
			
			/* Limpando os Campos */
			$('#' + campo).removeClass('campo_obrigatorio');
			$('#' + campo).next().css('visibility','hidden');
			
			/* Verificando Campos */
			if($.trim($('#' + campo).val()) == ''){
				validado = false;
				$('#' + campo).addClass('campo_obrigatorio');
				$('#' + campo).next().css('visibility','visible');
			}
		}
				
		return validado;
	}
	
	function limparCampos(){
		$('#send_to').val('');
		$('#contact_subj').val('');
		$('#contact_message').val('');
		$('#retornoEnvioDiv').fadeOut('slow');
		$('#btnEnviar').removeAttr('disabled');
	}
	
	function verificaQtdeEmailsEnviados(){
		$.ajax({
			url : "qtdeEmailEnviado.php",
			success : function (data) {
				$('.qtdeEmailsEnviadosDiv').html(data);
				if(!envioFinalizado){
					window.setTimeout("verificaQtdeEmailsEnviados()", 2500);
				}
			}
		});
	}
	
</script>

</body>
</html>